<!DOCTYPE html>
<!--
进入首页
-->
<html>
    <head>
        <title>在线考试系统</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" href="css/bootstrap.min.css"/>
        <link rel="stylesheet" href="css/mycss_foradim.css"/>
        <link rel="shortcut icon" href='img/icon_developer_256px_1087674_easyicon.net.png' type="image/x-icon"/>
        <script src="js/jquery-3.4.1.min.js"></script>
        <script src="js/bootstrap.min.js"></script>
        <script src="js/circle.js"></script>
    </head>
    <body class="index_body">

        <div class="box_index">
            <div id="navdiv">
                <div class="top_navdiv">
                    <div class="top_left">在线考试系统</div>
                    <div class="identity">
                        <span>您好</span>
                        <div class="user_li">
                            <canvas id="myCanvas" width="100" height="30">
                            </canvas>
                        </div>
                        <div class="nd_menu">
                            <ol>
                                <li>回到首页</li>
                               
                            </ol>
                        </div>
                    </div>
                </div>
            </div>
            <div class="float_indexdiv">
                <h2>简洁的考试系统</h2>
                <h4>轻松掌握</h4>
                <h4>自动批卷</h4>
                <a class="nav_button" href="AdministratorLogin.html">管理员登录</a>
                <a class="nav_button" href="teacherlogin.html">教师登录</a>
                <a class="nav_button" href="sregister.html">学生注册</a>
                <a class="nav_button" href="studentlogin.html">学生登录</a>
                <!--<a  hidden class="btn nav_button" href="getTest?action=get">管理题目</a>-->
     
            </div>

            <img src="img/landing_banner.png" alt="首页照片"/>
        </div>
        <div class="nd_title">
            <h2>一应俱全 考试流程化</h2>
            <a href="teacherlogin.html"><button>立即创建</button></a>
        </div>
        <div class="body_div">

            <ul class="img_list"> 
                <li><img src="img/step1.png" alt="创建考试"/><h2>创建考试</h2></li>
                <li><img src="img/step-lower.png" alt="下一步"/></li>
                <li><img src="img/step2.png" alt="添加试题"/><h2>添加试题</h2></li>
                <li><img src="img/step-lower.png" alt="下一步"/></li>
                <li><img src="img/step3.png" alt="开始考试"/><h2>开始考试</h2></li>
            </ul>

        </div>
        <script>

            //设置画布
            var c = document.getElementById("myCanvas");

            var cxt = c.getContext("2d");
            cxt.fillStyle = "#ffffff";
            cxt.moveTo(5, 10);
            cxt.lineTo(15, 10);
            cxt.lineTo(10, 16);
            cxt.lineTo(5, 10);
            cxt.stroke();
            cxt.fill();

        </script>

        <footer>
            <div style="color: #fff; text-align: center; margin-top:30px;"><img src="./img/banquan.png" width="10" height="10"/>2020 张曦今 李倩如 刘慧毓 尹雨欣</div>
        </footer>
    </body>

</html>
